
#content{
  .left{
    .weizhi{
      font-size: 14px;
      color: #777;
      background: url("../images/weizhi.png") no-repeat center left;
      padding-left: 20px;
      margin-bottom: 10px;
      a{
        color: #777;
      }
    }
    .muban{
      li{
        background: #fff;
        margin-bottom: 20px;
        padding: 20px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        .img{
          display: block;
          overflow: hidden;
          width: 40%;
          margin-right: 20px;
          float: left;
          border-radius: 8px;
          border-top: 20px solid #222;
          border-right: 10px solid #222;
          border-left: 10px solid #222;
          border-bottom: 10px solid #444;
          img{
            display: block;
            width:100%;
          }
        }
        .txt{
          width:56%;
          .title{
            color: #2c3e50;
            font-weight: bold;
            font-size: 18px;
            margin: 15px 0;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
          }
          .ms{
            margin: 10px;
            font-size: 14px;
            color: #666;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            -webkit-line-clamp: 2;
          }
          .start{
            margin: 10px 0 40px 10px;
            display: flex;
            flex-direction: row;
            justify-content: left;
            align-items: center;
            i{
              width: 100px;
              height: 20px;
              display: inline-block;
              background: url(../images/star.png) repeat-x;
            }
          }
          .btn{
            a{
              display: inline-block;
              padding: 8px 15px;
              margin: 5px 20px 0 0;
              color: #fff;
              border-radius: 5px;
              &:nth-child(1){
                background:#bc4a53;
              }
              &:nth-child(2){
                background:#77afba;
              }
              &:nth-child(3){
                background:#7ab99e;
              }
            }
          }
        }
      }
    }
    .epages{
      text-align: center;
      color: #666;
      width: 100%;
      clear: both;
      padding-top: 10px;
      a{
        color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #ffffff; display: inline-block;
        &:nth-child(1){
          background: none; margin: 0; padding: 0 50px 0 0; position: relative
        }
        &:nth-child(1)::after{
          position: absolute; content: "篇文章"; right: 0; bottom: 0
        }
        &:nth-child(1):hover{
          background: none; color: #666
        }
      }
      >b{
        color: #FFF; background: #f4543c;
        padding: 5px 10px;
      }

    }
  }
  .right{
    .pay{
      padding: 30px; border-bottom: #f5f5f5 20px solid; position: relative; text-align: center;background: #fff;
      &::before{
        content: ""; width: 100px; background: #fff; height: 100%; position: absolute; left: 0; top: 0; animation: mymove 5s infinite;
      }
      em{
        font-style: normal; font-size: 28px; font-weight: bold; margin: 0 10px; animation: mytop 2s infinite; animation-delay: 5s;
      }
    }
    .mbNews{
      background: #fff;
      margin-bottom: 20px;
      .title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        border-bottom: #f0eeee 1px solid;
        .txt{
          font-weight: bold;
          font-size: 20px;
        }
        a{
          color: #777;
          font-weight: normal;
        }
      }
      ul{
        padding: 20px 20px 3px 20px;
        li{
          margin-bottom: 20px;
          border-bottom: 1px dotted #eee;
          padding-bottom: 10px;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;

          .num{
            width:45px;
            height:45px;
            text-align: center;
            line-height: 45px;
            color:#fff;
            background: url("../images/colors.png") no-repeat;
          }
          &:nth-child(1) .num{
            background-position: 0 0;
          }
          &:nth-child(2) .num{
            background-position: 0 -45px;
          }
          &:nth-child(3) .num{
            background-position: 0 -90px;
          }
          &:nth-child(4) .num{
            background-position: 0 -135px;
          }
          &:nth-child(5) .num{
            background-position: 0 -180px;
          }
          &:nth-child(6) .num{
            background-position: 0 -225px;
          }
          .txt{
            width:240px;
          }
        }
      }
    }
    .guangao{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      width:100%;
      margin-bottom: 20px;
      a{
        height:217px;
        width:160px;
        border-radius: 10px;
        overflow: hidden;
        img{
          display: block;
          width:100%;
          height:100%;
        }
      }
    }
    .wznews{
      background: #fff;
      margin-bottom: 20px;
      .title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        border-bottom: #f0eeee 1px solid;
        .txt{
          font-weight: bold;
          font-size: 20px;
        }
        a{
          color: #777;
          font-weight: normal;
        }
      }
      ul{
        padding: 20px;
        li{
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          line-height: 40px;
          position: relative;
          padding-left: 30px;
          &::before{
            content: "";
            width: 20px;
            height: 20px;
            border-radius: 4px;
            position: absolute;
            left: 4px;
            top: 11px;
          }
          &:nth-child(1)::before{
            background: url(../images/no1.png) no-repeat;
          }
          &:nth-child(2)::before{
            background: url(../images/no2.png) no-repeat;
          }
          &:nth-child(3)::before{
            background: url(../images/no3.png) no-repeat;
          }
          &:nth-child(4)::before{
            background: url(../images/no4.png) no-repeat;
          }
          &:nth-child(5)::before{
            background: url(../images/no5.png) no-repeat;
          }
          &:nth-child(6)::before{
            background: url(../images/no6.png) no-repeat;
          }
          &:nth-child(7)::before{
            background: url(../images/no7.png) no-repeat;
          }
          &:nth-child(8)::before{
            background: url(../images/no8.png) no-repeat;
          }
          &:nth-child(9)::before{
            background: url(../images/no9.png) no-repeat;
          }
          &:nth-child(10)::before{
            background: url(../images/no10.png) no-repeat;
          }
          a{
            text-decoration: none;
            color: #2c3e50;
          }
          &:nth-child(even){
            background: #f5f5f5;
            border-radius: 3px;
          }
        }
      }
    }
    .wznews2{
      background: #fff;
      margin-bottom: 20px;
      .title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        border-bottom: #f0eeee 1px solid;
        .txt{
          font-weight: bold;
          font-size: 20px;
        }
        a{
          color: #777;
          font-weight: normal;
        }
      }
      ul{
        padding: 20px;
        li{
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          line-height: 34px;
          position: relative;
          padding-left: 15px;
          &::before{
            content: "";
            width: 4px;
            height: 4px;
            border-radius: 4px;
            position: absolute;
            left: 0;
            top: 16px;
            background: #a8d4d7;
          }
          a{
            text-decoration: none;
            color: #2c3e50;
          }
        }
      }
    }
    .tongji{
      background: #fff;
      margin-bottom: 20px;
      .title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        border-bottom: #f0eeee 1px solid;
        .txt{
          font-weight: bold;
          font-size: 20px;
        }
        a{
          color: #777;
          font-weight: normal;
        }
      }
      ul{
        padding: 20px;
        li{
          margin-bottom: 10px;
          color:#2c3e50;
          b{font-weight: bold}
          a{color: #096;}
          &.tongji_gzh{
            margin-bottom: 10px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            i{
              width: 50%;
              display: block;
              font-size: 13px;
              font-style: normal;
              text-align: center;
              img{
                margin: auto;
                width: 90%;
                display: block;
              }
            }
          }
        }
      }
    }
  }
}
@keyframes linescroll { 0% {
  left:0px;
  top:0px;
}
  25% {
    left:316px;
    top:0px;
  }
  50% {
    left:316px;
    top:220px;
  }
  75% {
    left:0px;
    top:220px;
  }
  100% {
    left:0px;
    top:0px;
  }
}
@keyframes mymove {
  from {
    width:100%;
    left:0
  }
    to { width: 0; left: 100% }
  }
@keyframes mytop { from {
  color:#000;
}
  to { color: #f4543c }
}